<?php
use yii\helpers\Html;
use yii\helpers\Url;
/* @var $this yii\web\View */
$this->title = '项目详情';
?>
<section class='modular12'>
		<ul class='modular12-tit clearfix'>
			<li data-cato="mould-12list1" class="current4"><a href="javascript:;">线下充值</a></li>
			<li data-cato="mould-12list2"><a href="javascript:;">线上充值</a></li>
		</ul>
		<div id="mould-12list1" class="modular12-con hide">
			<div class="choicebank current3">
				<table>
					<tr>
						<td rowspan="4"><span class="radio"></span></td>
						<td rowspan="4"><span class="banklogo"><img width="100%;" src="<?= Yii::getAlias('@web') . '/' ?>images/bankimg1.jpg" alt="中国工商银行"></span></td>
						<td><span class="bankname">中国工商银行</span></td>
					</tr>
					<tr>
						<td>开户名：石伟</td>
					</tr>
					<tr>
						<td>账户号：6222080200021069565</td>
					</tr>
					<tr>
						<td>开户地址：北京玉东支行</td>
					</tr>
				</table>
			</div>
			<div class="choicebank">
				<table>
					<tr>
						<td rowspan="4"><span class="radio"></span></td>
						<td rowspan="4"><span class="banklogo"><img width="100%;" src="<?= Yii::getAlias('@web') . '/' ?>images/bankimg2.jpg" alt="支付宝"></span></td>
						<td><span class="bankname">支付宝</span></td>
					</tr>
					<tr>
						<td>开户名：尹晟辉</td>
					</tr>
					<tr>
						<td>账户号：1063261587@qq.com</td>
					</tr>
					<tr>
						<td>开户地址： </td>
					</tr>
				</table>
			</div>
			<div class="modular12-con1from">
				<p class="balance">可用余额（元）：500</p>
				<form action="#" method="post">
					<p class="twoelement yborder"><input name="jine" class="changeelement" placeholder="请输入您要充值的金额（必填）" type="text"><span class="fixedelement1 yborder">元</span></p>
					<p class="oneelement greenborder"><input name="liush" class="changeelement" placeholder="请输入账单流水号" type="text"></p>
					<p class="oneelement greenborder"><input name="fanshi" class="changeelement" placeholder="请输入您的充值方式(如网银转帐，柜台汇款,汇款人等)" type="text"></p>
					<div class="twoelement">
						<span class="changeelement greenborder border-r5 colorb">&nbsp;&nbsp;&nbsp;&nbsp;请上传您的打印凭证</span>
						<p class="fixedelement2">
							<span>上传</span>
							<input type="file" name="upfile" id="fileField" />
						</p>
					</div>
					<p class="voucher"><img width="100%" src="<?= Yii::getAlias('@web') . '/' ?>images/voucher.jpg" alt=""></p>
					<p class="mould-2bot form-ok"><input class="form-okbtn b-f" type="submit" value="提交"></p>
				</form>
			</div>
		</div>
		<div id="mould-12list2" class="modular12-con hide">
			<div class="choicebank current3">
				<table>
					<tr>
						<td rowspan="4"><span class="radio"></span></td>
						<td rowspan="4"><span class="banklogo"><img width="100%;" src="<?= Yii::getAlias('@web') . '/' ?>images/bankimg3.jpg" alt="中国工商银行"></span></td>
						<td><span class="bankname">&nbsp;</span></td>
					</tr>
					<tr>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
					</tr>
				</table>
			</div>
			<div class="modular12-con1from">
				<p class="balance">可用余额（元）：500</p>
				<form action="#" method="post">
					<p class="twoelement greenborder"><input name="jine" class="changeelement" placeholder="请输入您要充值的金额（必填）" type="text"><span class="fixedelement1 greenborder">元</span></p>
					<p class="mould-2bot form-ok"><input class="form-okbtn b-f" type="submit" value="提交"></p>
				</form>
			</div>
		</div>
	</section>
	<div class="footer-h"></div>
	<section id="footer">
		<ul class="footer-nav clearfix">
		    <li>
		        <a href="index.html">
		            <img src="<?= Yii::getAlias('@web') . '/' ?>images/footer1.png" alt="">
		            首页
		        </a>
		    </li>
		    <li class="current-bot">
		        <a href="myaccount.html">
		            <img src="<?= Yii::getAlias('@web') . '/' ?>images/footer2-on.png" alt="">
		            我的账户
		        </a>
		    </li>
		    <li>
		        <a href="about-us.html">
		            <img src="<?= Yii::getAlias('@web') . '/' ?>images/footer3.png" alt="">
		            关于我们
		        </a>
		    </li>
		</ul>
	</section>
	<p id="tip-error"><span>表单验证错误信息</span></p>
	<script>
	$(function($) {
	    var UA=window.navigator.userAgent;  //使用设备
	    var CLICK="click";
	    if(/ipad|iphone|android/.test(UA)){   //判断使用设备
	        CLICK="tap";
	    };
	    var catoFram=$(".modular12-con");
	    var subNav=$(".modular12-tit li");
	    $("#mould-12list1").removeClass("hide");
	    subNav[0].className += " current4" ;
	    subNav[CLICK](function(event){
            event.preventDefault();
	        var _this=$(this);
	        var id=_this.data("cato"); 
	        var cur=$("#"+id);
	        subNav.removeClass("current4");
	        _this.addClass("current4");
	        catoFram.addClass("hide");
	        cur.scrollTop(0);        
	        cur.removeClass("hide");
	    });
	    $(".choicebank")[CLICK](function(event){
	    	$(this).parents(".modular12-con").find($(".choicebank")).removeClass("current3");
	    	$(this).addClass("current3");
	    });
		$(".form-okbtn").click(function(event){
            event.preventDefault();
            var jine=$(this).parents("form").find($("input[name='jine']"));
            	reg=/(^[0-9]\d*$)/;
        	if(!reg.test(jine.val())){
				$('#tip-error span').html('请正确输入充值金额');
		        $('#tip-error').show();
		        setTimeout(function(){$('#tip-error').fadeOut(500);},1600);
        		jine.focus();
        	}else if(jine != false){
				$(this).parents("form").submit();
			}
		});
		$(".bodyA").hide();
	});
</script>